<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>遍历</title>
</head>
<body>
<button id="but">点将台</button>
<li>吕布</li>
<li>关羽</li>
<li>赵云</li>
<li>典韦</li>
<li>马超</li>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    /*给按钮绑定一个单击事件，在该事件中遍历弹出数组内容*/
    $("#but").click(function () {
        /*直接通过标签名获取元素对象*/
        let lis = $("li");
        /*遍历1_普通for循环*/
        /*  for(let i=0;i<lis.length;i++){
              alert(lis[i].innerHTML);
          }*/
        /*遍历方式2：对象.each()方法*/
        /*lis.each(function (index, ele) {
            alert(index+":"+ele.innerHTML);
        })*/
        /*3.$.each()方法*/
        /*     $.each(lis,function (index, ele) {
                 alert(index+":"+ele.innerHTML);
             })*/
        /*方式4for(ele of容器对象)语句*/
        for (ele of lis) {
alert(ele.innerHTML);
        }
    });


</script>
</html>